@charset "utf-8";
$bg_color:#b20000;
$text_color:#323232;
$sub_color:#c5c5c5;

@function r($px){
    @return $px/50+rem;
}

.web{
    font-size: 16px;
    header{
        padding: r(25) 0;
        background-color: $bg_color;
        .list{
            color: #fff;
            margin-left: r(23);
            i{
                font-size: r(24);
                }
        }
        .search{
            color: #fff;
            padding-right: r(17);
            i{
                font-size: r(24);
                }
        }
        .img_box{
            width: r(209);
            height: r(39);
            overflow: hidden;
            margin: 0 auto;
            img{
                width: 100%;
            }
        }
    }
    
    footer{
        padding: r(19) 0 r(12);
        border-top: 1px solid #bbb9ba;
        background-color: #f5f5f5;
        position: absolute ;
        bottom: 0;
        left: 0;
        width: 100%;
        ul{
            li{
                width: 20%;
                text-align: center;
                position: relative;
                a{
                    color: #8b8b8b;
                    font-size: r(18);
                   
                }
                &.active a{
                        color:$bg_color;
                    }
                 a:hover{
                     color:$bg_color;
                 }   
                &:not(:last-child)::after{
                        content: "";
                        display: block;
                        width:1px;
                        height: r(50);
                        background-color: #ebebeb;
                        position: absolute;
                        right: 0;
                        top: 50%;
                        transform: translateY(-50%);
                    }
                i{
                    font-size: r(38);
                }
                p{
                    
                }
            }
        }
    }
}
